import React from 'react';
import './App.css';

import  Hello   from  './Hello'
import  Parent   from  './01Parent'


/* class Hello extends React.Component {
  render() {
    return (
    <div>类组件===Hello==={this.props.name}</div>
    )
  }
} */



function Hello2(props) {
  console.log(props);
  return (
  <div>函数组件===Hello2==={props.name}</div>
  )
}

var age=19
function App() {
  return (
    <div className="App">
      我是一个根组件
      <hr></hr>
      <Hello name='jack' age={age}></Hello>

      <hr></hr>
      <Hello2 name='rose'></Hello2>

      <hr></hr>
      <Parent></Parent>
    </div>
  );
}

export default App;
